import { Button, Descriptions } from 'antd'
import React, { Component } from 'react'
import { Link, Route } from 'react-router-dom'

export default class Message extends Component {

  render() {
    return (
      <div>
        <Button>
          <Link to="/home/message/detail/1">001</Link>
        </Button>
        <Button>
          <Link to="/home/message/detail/2">002</Link>
        </Button>
        <Button>
          <Link to="/home/message/detail/3">003</Link>
        </Button>
        <Route path="/home/message/detail">
          <Descriptions title="信息">
            <Descriptions.Item label="姓名">Zhou Maomao</Descriptions.Item>
            <Descriptions.Item label="标题">1810000000</Descriptions.Item>
            <Descriptions.Item label="内容">Hangzhou, Zhejiang</Descriptions.Item>
          </Descriptions>
        </Route>
      </div>
    )
  }
}
